/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
/*====font-family: "Great Vibes", serif;=====*/
@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Oblique.eot');
    src: url('../fonts/AvenirLTStd-Oblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Oblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Oblique.woff') format('woff'),
        url('../fonts/AvenirLTStd-Oblique.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Oblique.svg#AvenirLTStd-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Roman.eot');
    src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*..............embedded fonts..............*/

/*..............custom fonts..............*/

.line-effect svg { width: 100%; height: auto; } 
svg {width: 100%; height: auto; }
img {user-select: none; -webkit-user-drag: none; }

/*..............common styles..............*/
html, body{overflow-x: hidden;width: 100%; max-width: 100vw; background-color: #000;}
body { margin: 0; padding: 0;font-family: 'Avenir LT Std'; font-size: 24px; font-weight: 400; color:#fff; overflow-x: hidden; }
html {scroll-padding-top: 120px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 30px; padding:0; color: #fff; font-family: "Great Vibes", serif; line-height: 1.4; }
h1{ font-size: 64px;font-weight: 500;} 
h2{ font-size: 64px;font-weight: 500;} 
h3{ font-size: 50px; font-weight: 500;}
h4{ font-size: 40px; font-weight: 500;}
h5{ font-size: 30px;}
h6{ font-size: 20px;}
p{ margin:0 0 20px; line-height: 1.6;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #5787c6; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: 'Avenir LT Std';font-weight: 300;outline: none;background: #F8F8F8 !important;}
input[type="submit"]{font-family: 'Avenir LT Std'; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select {color: #fff !important; appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png) !important; background-repeat: no-repeat !important; background-position: 96% center !important;      background-color: #3D3D3D !important;border-radius: 10px;border: 1px solid #3D3D3D !important;}
input:not([type="submit"]) {height: 60px !important;}
input.form-control,
textarea.form-control {border: 1px solid #3d3d3d !important; padding: 16px 20px !important; box-shadow: none !important; resize: none; color: #fff !important; background-color: #3d3d3d !important;}
textarea.form-control{height: 120px !important;}
input.form-control {background-color: #3D3D3D !important; border-radius: 10px; border: 1px solid #3D3D3D !important;}
textarea.form-control {border-radius: 10px;}
.form-select:focus {border-color: #3d3d3d !important; box-shadow: none !important; }

::placeholder { color: #847A7A !important; opacity: 1; }
::-ms-input-placeholder { color: #847A7A !important; }
  
/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */


/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */
.grecaptcha-badge { visibility: hidden !important; }

/* --- Button Styles --- */

.btn {min-width: 140px; justify-content: space-between; font-family: 'Avenir LT Std'; overflow: hidden; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; display: inline-flex ; align-items: center; vertical-align: top; color: #FFC42E !important; padding: 9px 24px; font-size: 20px; line-height: 1; border-radius: 60px; gap: 10px; background-color: #A62C2B; height: 50px; justify-content: center; font-weight: 500; padding-bottom: 11px !important; border: 1px solid #A62C2B;}
.btn:hover {border: 1px solid #A62C2B; background-color: #000; }

.btn.btn-black{background-color: #000;}
.btn.btn-black:hover{background-color: #A62C2B;}



/* --- Button Styles --- */


/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/*--floating form--*/




/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */



/*..............common styles..............*/
.common-padd { padding-top: 100px; padding-bottom: 100px; } 
.common-padd-bottom {  padding-bottom: 100px; } 
.common-padd-top {  padding-top: 100px; } 

.form-control { height: 50px; padding: 16px 30px; } 

.bg-blck{background-color: #000000;}




.common-header-center {text-align: center; margin-bottom: 50px; position: relative; }
.common-header-center.with-line::before {content: ""; width: 100%; height: 1px; background-color: #D0D0D0; position: absolute; left: 0; top: 55%;z-index: -1; }
.common-header-center.with-line h2 {background-color: #fff; display: inline-block; margin: 0; padding: 0px 40px; }
.common-header-center h2 span {color: #E73B64; }
.common-header-center.all-white h2 {color: #fff; }





/*..............common styles..............*/


/*-----scroll-bar-design----------*/

/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3B3B3C; border-radius: 10px; }


/*-----scroll-bar-design----------*/

.main-header {padding: 0px 0px; z-index: 10; width: 100%; left: 50%; transform: translateX(-50%); position: fixed; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none;font-family: 'Avenir LT Std'; font-size: 20px; font-weight: 400; }
.main-menu ul li { margin-right: 10px;}
.main-menu ul li a {transition: all 0.4s ease;background-color: #00000020;border-radius: 50px;display: block; color: #AAAAAA; padding: 8px 8px; position: relative; text-transform: capitalize; font-size: 20px; font-weight: 500; min-width: 115px; text-align: center;}
.main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 
.main-menu ul li ul.sub-menu li a::before {background-color: #fff !important;top: 50%;width: 0;left: 0;    border: 1px solid #e73b64;}
.main-menu ul li ul.sub-menu li a:hover::before {width: 20px;}
.main-menu ul li ul.sub-menu li a:hover{padding-left: 30px; color: #e73b64 !important;}
.main-menu ul li a:hover {color: #FFC42E; background-color: #ffc42e20; transition: all 0.4s ease;}

.main-menu ul li span {margin-left: 10px; }

.main-header.relative_header {background-color: black; }



/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a:after {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;content: ""; position: absolute; top: 17px; box-sizing: border-box; height: 9px; width: 9px; border-style: solid; border-color: #231F20; border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 4px; margin: 0 auto;}
.main-menu ul li.menu-item-has-children:hover a:after {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-color: #e73b64; }
.main-menu ul li.menu-item-has-children a {padding-right: 24px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li {display: flex; justify-content: center; align-items: center; position: relative; font-size: 20px; perspective: 1000px; z-index: 100; color: #FFF; text-transform: uppercase;}
.main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: #000000; }
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
 
header .main-menu ul>li { position: relative; cursor: pointer }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 230px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset }
header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: #e73b64; }
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #fff; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}


/*------css for new dropdown sub-menu end--------*/ 
.main-header.fixed .logo {transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; max-width: 118px; }
.main-header .logo {transform: scale(1.0); max-width: 200px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.nav_btn { color: #fff; font-size: 20px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }
 
.main-header.fixed {background: #000000;padding: 0px 0px; position: fixed; width: 100%; box-shadow: 0 0 12px rgb(0 0 0 / 12%); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(10px); } 
.main-header.fixed .main-menu ul li { color: #fff;}

/*==========mobile menu=========*/ 
.main-header .hdr-rt { display: flex; align-items: center;}
.manu-part.hdr-rt{padding: 10px 12px;background-color: #000;border-radius: 50px;border: 1px solid #252525;}
.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.main-header .user-sec {margin-left: 50px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 30px; height: 30px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: -6%; right: -6%; background: #000000; height: calc(100vh + 40px); opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-open .mobile-menu-container { top: -40px; transform: translateY(0); opacity: 1;  }
.mobile-menu-container .inner-container{ padding-top: 160px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; padding-bottom: 50px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 20px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}


/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}

/*=========mobile menu===========*/

/*for header css*/


.masking-type-one .main-imge-box img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}

p:last-child{margin-bottom: 0;}
.gradiant-text {background: linear-gradient(180deg, #FFDF00 27.5%, #CC9900 88.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }


/*===== home page start ====*/


.banner-section {position: relative; min-height: 100vh; overflow: hidden; }
.banner-section > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-section .banner-content {position: relative; width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 10px; padding-top: 160px; }
.banner-section .banner-text h1 {text-align: center; background: linear-gradient(180deg, #FFDF00 19.38%, #CC9900 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.banner-section .banner-text .sngl-box {width: 100%; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(30px); border-radius: 30px; padding: 30px; text-align: center;height: 100%;}
.banner-section .sngl-box a.btn {margin-bottom: 30px; }
.banner-section .sngl-box p {color: #FFFFFF; font-style: italic; margin: 0; font-size: 18px;}
.banner-section::before {z-index: 1; content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); transform: rotate(180deg); width: 100%; height: 40%; }
.banner-section::after {position: absolute; left: 0px; bottom: 0; background: linear-gradient(180deg, rgba(166, 44, 43, 0) 46.54%, rgba(166, 44, 43, 0.7) 79.02%, #A62C2B 93.86%); content: ""; width: 100%; height: 70%; z-index: 1; }
.banner-section video {position: absolute; top: 0; left: 0; object-fit: cover;object-position: top center;}

.home-second-sec {min-height: 100vh; background-repeat: no-repeat; background-position: center bottom; background-size: 55%;}
.home-second-sec .content-box {text-align: center; max-width: 1170px; margin: 0 auto; }

.top-gradiant::before {content: ""; position: absolute; top: -1px; left: 0; background: linear-gradient(180deg, rgba(166, 44, 43, 0) 51.46%, #A62C2B 95%); border-radius: 0px; transform: matrix(1, 0, 0, -1, 0, 0); width: 100%; height: 40vh; }
.top-gradiant{position: relative;}


footer h3 {font-size: 90px; max-width: 900px; text-align: center; margin: 0 auto; margin-bottom: 35px; }
footer .media ul {padding: 0; margin: 0; list-style: none; text-align: center; }
footer .media ul li:not(:last-child) {margin-bottom: 15px; }
footer .media ul li a {color: #fff; }
footer .social-media ul {padding: 0; margin: 0; display: flex; list-style: none; justify-content: flex-end; }
footer .social-media ul li:not(:first-child) {margin-left: 20px; }
footer .social-media ul li a {display: flex; width: 50px; height: 50px; border: 2px solid #fff; border-radius: 50px; justify-content: center; align-items: center; }
footer .mdi-sec {border-top: 1px solid #ffffff40; padding-bottom: 15px; border-bottom: 1px solid #ffffff40; }
footer .end-footer ul li:not(:last-child) a {padding-right: 10px; margin-right: 10px; border-right: 1px solid; }
footer .end-footer ul li a {font-size: 16px; color: #fff; }
footer .end-footer ul {padding: 0; margin: 0; list-style: none; display: flex; }
footer .end-footer p {text-align: right; font-size: 16px; }
footer .end-footer {padding: 30px 0; }
footer::before {bottom: 0;position: absolute; background: radial-gradient(125.35% 168.02% at 50.03% 100%, #A62C2B 0%, rgba(166, 44, 43, 0) 60%); border-radius: 0px; content: ""; width: 100%; height: 100%; z-index: -1; }
footer {padding-top: 60px; position: relative; z-index: 1; }
footer .media ul li a:hover {color: #eca22d; }
footer .social-media ul li a:hover {background-color: #eaa02d; }

/*=======about us=======*/

.banner-section.inner-banner::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); transform: rotate(180deg); }
.banner-section.inner-banner .banner-content {min-height: 80vh;    align-items: center;}
.banner-section.inner-banner{min-height: 80vh; }

.btm-gradint-box::before {content: ""; width: 100%; height: 100%; position: absolute; top: 3px; left: 0; background: rgb(166, 44, 43); background: linear-gradient(80deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 50%, rgba(166, 44, 43, 1) 100%); border-radius: 20px; z-index: -1; }
.btm-gradint-box {border-radius: 20px; position: relative; }

.about-second-sec .content-box{max-width: 980px; margin: 0 auto; padding: 50px 100px; text-align: center; background-color: #222222;}
.about-second-sec .content-box {max-width: 980px; margin: 0 auto; padding: 50px 100px; text-align: center; background-color: #222222; border-radius: 20px; position: relative; font-weight: normal;  font-size: 40px; }
.about-second-sec h2 {margin-bottom: 15px; }

.about-third-sec .image-box {position: relative; height: 620px; overflow: hidden; text-align: center; }
.about-third-sec .image-box::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(166, 44, 43, 0) 0%, #A62C2B 100%); backdrop-filter: blur(30px); border-radius: 322px 322px 30px 30px; }
.about-third-sec .image-box img {z-index: 1; position: relative; width: 100%; height: 100%; object-fit: contain; }
.about-third-sec .content-box {padding-left: 60px; }
.about-third-sec .content-box p {max-width: 580px; }
.about-third-sec .content-box p span {color: #FFDF00; font-weight: 900; }

.about-forth-sec .image-block-sec {padding: 0 75px; margin-bottom: 80px; position: relative;}
.about-forth-sec .image-block-sec::before {position: absolute; width: 75px; height: 80%; left: 0; bottom: 60px; background: linear-gradient(180.07deg, #FFDF00 1.21%, #CC9900 50.62%, rgba(204, 153, 0, 0) 99.99%); border-radius: 0px; transform: matrix(1, 0, 0, -1, 0, 0); content: ""; }
.about-forth-sec .image-box img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; }
.about-forth-sec .image-box {width: 100%; position: relative; padding-bottom: 70%; }
.about-forth-sec .image-box::before {content: ""; position: absolute; top: 0; right: 0; width: 35%; height: 20%; background-color: #000; z-index: 1; }
.about-forth-sec .image-block-sec::after {position: absolute; width: 75px; height: 75%; right: 0; bottom: 0; background: linear-gradient(180deg, #FFDF00 1.1%, #CC9900 46.62%, rgba(204, 153, 0, 0) 92.11%); border-radius: 0px; content: ""; }
.about-forth-sec .content-box {max-width: 980px; margin: 0 auto; text-align: center; padding-bottom: 100px;border-bottom: 1px solid #ffffff40;}
.about-forth-sec .content-box p span {color: #FFDF00; font-weight: 900; }

.common-header-mdl {text-align: center; margin-bottom: 50px;}

.oval-gradiant::before {content: ""; position: absolute; left: 0; right: 0; top: -400px; width: 841px; height: 614px; background: radial-gradient(52.42% 50% at 50% 50%, #A62C2B 0%, rgba(166, 44, 43, 0) 100%); margin: 0 auto; }
.oval-gradiant {position: relative; }

.about-team-sec{overflow: hidden; }
.about-team-sec .sngl-box {background-color: #222222; border-radius: 30px; padding: 30px;height: 100%; }
.about-team-sec .image-box {width: 100%; border-radius: 30px; height: 340px; overflow: hidden; }
.about-team-sec .image-box img {width: 100%; height: 100%; object-fit: cover; }
.about-team-sec .content-box {margin-top: 30px; text-align: center;}
.about-team-sec .content-box h5 {font-family: 'Avenir LT Std'; font-weight: 900; margin-bottom: 10px; }
.about-team-sec .team-slider {position: relative; }
.about-team-sec .buttom-btn-sec ul {padding: 0; margin: 0; list-style: none; display: flex ; justify-content: center; gap: 20px; margin-top: 100px; }


.swiper {height: 100%; }
.swiper-slide {height: auto !important; }
.swiper-content {height: 100% !important }
.swiper-container {overflow: hidden;}
.swiper-button-next,
.swiper-button-prev {width: 60px !important; height: 60px !important; background-color: #fff; border-radius: 60px;    box-shadow: 0 0 10px #00000038; }
.swiper-button-next img,
.swiper-button-prev img{z-index: 1;transition: all 0.4s ease; fill: unset;}
.swiper-button-next:after,
.swiper-button-prev:after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background: linear-gradient(180deg, #FFDF00 0%, #CC9900 100%); box-shadow: 0px 4px 24px rgba(156, 156, 156, 0.25); border-radius: 100%; transform: scale(0); transition: all 0.4s ease; }
.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {transform: scale(1); transition: all 0.4s ease; }
.swiper-button-next:hover img,
.swiper-button-prev:hover img{filter: brightness(0) invert(1);transition: all 0.4s ease;}
.swiper-button-next {right: -45px; }
.swiper-button-prev {left: -45px; }

/*=======contact us=======*/

.contact-page-sec{background-position: bottom center;background-size: 100% 100%;background-repeat: no-repeat;}

.contact-page-sec .sngl-box {padding-right: 200px; }
.contact-page-sec .sngl-box-wraper::before {content: ""; position: absolute; width: 101%; height: 102%; top: -1%; left: -.5%; background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 52%, rgba(166, 44, 43, 1) 100%); z-index: -1; border-radius: 30px; }
.contact-page-sec .sngl-box-wraper {background-color: #222222; margin-top: 40px; padding: 40px; border-radius: 30px; position: relative; }
.contact-page-sec .sngl-box-wraper h4 {margin: 0; }
.contact-page-sec .sngl-box-wraper ul {padding: 0; list-style: none; display: flex ; gap: 20px; }
.contact-page-sec .sngl-box-wraper ul li a::before {content: ""; position: absolute; width: 48px; height: 48px; background-color: #222222; border-radius: 100%; }
.contact-page-sec .sngl-box-wraper ul li a {display: inline-block; width: 50px; height: 50px; display: flex ; justify-content: center; align-items: center; border-radius: 50px; background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 52%, rgba(166, 44, 43, 1) 100%); position: relative; }
.contact-page-sec .sngl-box-wraper ul li a img{z-index: 1;}

.contact-page-sec .form-box {border-radius: 30px; padding: 2px; background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 52%, rgba(166, 44, 43, 1) 100%); }
.contact-page-sec .form-box-wraper {background-color: #222222; border-radius: 30px; padding: 50px 40px; }
.contact-page-sec .form-box-wraper label span {color: #ff0000; } 
.contact-page-sec .form-box-wraper label {font-size: 16px; font-weight: 900; }

.submit-btn input[type="submit"] {min-width: 140px; justify-content: space-between; font-family: 'Avenir LT Std'; overflow: hidden; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; display: inline-flex ; align-items: center; vertical-align: top; color: #FFC42E !important; padding: 9px 24px; font-size: 20px; line-height: 1; border-radius: 60px; gap: 10px; background-color: #A62C2B !important; height: 50px; justify-content: center; font-weight: 500; padding-bottom: 11px !important; border: 1px solid #A62C2B; }
.submit-btn input[type="submit"]:hover {background-color: #000000 !important; border: 1px solid #FFC42E !important; transition: all 0.4s ease;}

/*=========services==========*/

.service-page .single-box-wraper {background-color: #222222; padding: 40px; min-height: 200px; }
.service-page .single-box-wraper h5 {font-family: 'Avenir LT Std'; font-weight: 900; margin: 0; margin-bottom: 10px; }
.service-page .long-content h2 {text-align: center; margin-bottom: 40px; }
.service-page .sngl-box {margin-bottom: 200px; }
.service-page .animate-progressbar {text-align: center; margin-top: 135px; }
.service-page .animate-progressbar ul{padding: 0;margin: 0;list-style: none;}
.service-page .animate-progressbar ul{position: relative;}
.service-page .animate-progressbar .line-animate {position: absolute; width: 3px; height: 150px; background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 0) 0%, rgba(255, 146, 146, 1) 52%, rgba(166, 44, 43, 1) 100%); left: 0; right: 0; margin: 0 auto; top: 0; }
.service-page .animate-progressbar .number h3 {font-family: 'Great Vibes'; font-style: normal; font-weight: 400; font-size: 6vw; background: linear-gradient(180deg, #A62C2B 0%, #FF9292 44%, #A62C2B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 0px 0px 25px #A9302F; background-color: #000000; }
.service-page .animate-progressbar .number {background-color: #000000; z-index: 1; position: relative; }
.service-page .animate-progressbar ul::before {content: ""; position: absolute; left: 0; right: 0; width: 3px; height: 100%; background: rgb(34, 34, 34); background: linear-gradient(180deg, rgba(34, 34, 34, 1) 0%, rgba(60, 60, 60, 1) 56%, rgba(34, 34, 34, 1) 100%); margin: 0 auto; }
.service-page .end-btn .gradinat-button {position: relative; padding: 1px; background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 56%, rgba(166, 44, 43, 1) 100%); max-width: 450px; margin: 0 auto; border-radius: 30px; }
.service-page .end-btn a{width: 100%;}


/*===========portfolio============*/


.portfolio-third-sec .sngl-box {position: relative; background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 56%, rgba(166, 44, 43, 1) 100%); border-radius: 30px; overflow: hidden; padding: 2px; }
.portfolio-third-sec .sngl-box .image-box {width: 100%; height: 300px; overflow: hidden; border-radius: 30px; }
.portfolio-third-sec .sngl-box .image-box img{width: 100%;height: 100%;object-fit: cover;}
.portfolio-third-sec .sngl-box .over-lay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex ; justify-content: center; align-items: center; }

.modal-header {padding: 0; border: none; }
.modal-header button {position: absolute; top: -15px; right: -15px; background-color: #fff; border-radius: 50px; opacity: 1; z-index: 1; }
.modal-body {background-color: #000000; border-radius: 2; border-radius: 20px; overflow: hidden; }
.modal-content {background-color: transparent; }
.video-wraper {position: relative; padding-bottom: 55%; }
.modal-dialog {max-width: 1000px; }
.video-wraper video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.portfolio-forth-sec .container {padding-bottom: 100px; border-bottom: 1px solid #ffffff40; }
.portfolio-srvc-sec h2 {max-width: 650px; margin: 0 auto; margin-bottom: 40px; }

.testimonail-slider .sngl-box {background-color: #222222; border-radius: 10px; padding: 30px; }
.testimonail-slider .sngl-box p {font-size: 18px; margin-bottom: 30px;}
.testimonail-slider .sngl-box .top-box {display: flex ; align-items: center; }
.testimonail-slider .sngl-box .image-box {width: 40px; height: 40px; overflow: hidden; border-radius: 40px; }
.testimonail-slider .sngl-box .image-box img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.testimonail-slider .sngl-box .content h4 {font-family: 'Avenir LT Std'; font-style: normal; font-weight: 900; font-size: 16px; color: #FFFFFF; margin: 0; }
.testimonail-slider .sngl-box .content p {margin: 0 !important; font-family: 'Avenir LT Std'; font-size: 14px; letter-spacing: 0.2em; color: #AAAAAA; }
.testimonail-slider .sngl-box .content {width: calc(100% - 40px); padding-left: 10px; }
.testimonail-slider .sngl-box .author {position: relative; }
.testimonail-slider .sngl-box .star ul {padding: 0; margin: 0; list-style: none; display: flex ; position: absolute; top: 0; right: 0; }

.portfolio-group ul.nav.nav-tabs {justify-content: center; border: 1px solid #555555; border-radius: 50px; max-width: 850px; margin: 0 auto; margin-bottom: 40px; justify-content: space-between; gap: 20px; }
.portfolio-group ul.nav.nav-tabs button.nav-link {color: #FFFFFF; font-size: 20px; padding: 14px 40px; border-radius: 60px !important; }
.portfolio-group ul.nav.nav-tabs button.nav-link.active {background-color: #A62C2B !important; border-color: #A62C2B !important; color: #f7d500 !important; }

.portfolio-group .sngl-box {background: rgb(166, 44, 43); background: linear-gradient(180deg, rgba(166, 44, 43, 1) 0%, rgba(255, 146, 146, 1) 56%, rgba(166, 44, 43, 1) 100%); padding: 2px; border-radius: 30px; }
.portfolio-group .sng-box-wraper {position: relative; height: 500px; border-radius: 30px; overflow: hidden; }
.portfolio-group .sng-box-wraper > img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.portfolio-group .contant-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255, 223, 0); background: linear-gradient(180deg, rgba(255, 223, 0, 1) 0%, rgba(204, 153, 0, 1) 100%); padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transform: translate(0px, 100%); opacity: 0; transition: all 0.4s ease; }
.portfolio-group .sng-box-wraper:hover .contant-box{transform: translate(0px, 0%); opacity: 1; transition: all 0.4s ease; }
.portfolio-group .video-btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.portfolio-group .contant-box h3 {font-family: 'Great Vibes'; font-style: normal; font-weight: 400; color: #000000; margin-bottom: 20px; }
.portfolio-group .contant-box p {color: #000; }
.portfolio-group .portfolio-grup-wraper .col-lg-6 {padding: 0 30px;margin-bottom: 60px;}
.portfolio-group .portfolio-grup-wraper .row {margin-left: -30px; margin-right: -30px; }
.portfolio-group .load-more {text-align: center; }

/*======common-page=======*/

.dflt-page main,
.error404 main {padding-top: 180px; }


footer .media ul li a span {margin-right: 10px;}
.contact-page-sec .left-box {margin-top: 50px; }
.current_page_item a{color: #FFC42E !important; background-color: #ffc42e20 !important;}
.home-second-sec .btm-image-box img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.home-second-sec .btm-image-box {position: relative; width: 100%; padding-bottom: 50%; opacity: .5; }
.home-second-sec .overlay img {width: 100%; height: 100%; object-fit: cover; }
.home-second-sec .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.portfolio-group .btm-img-sec {position: absolute; bottom: 0; width: 100%; padding-bottom: 100%;bottom: -50%;opacity: .2;z-index: -1;}
.portfolio-group .btm-img-sec > img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.portfolio-group .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.portfolio-group .overlay {width: 100%; height: 100%; object-fit: cover; }


.contact-page-sec .btm-img-sec {position: absolute; bottom: 0; width: 100%; padding-bottom: 50%; bottom: -7%; opacity: .2; z-index: -1; }
.contact-page-sec .btm-img-sec > img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.contact-page-sec .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact-page-sec .overlay {width: 100%; height: 100%; object-fit: cover; }


.service-page .animate-progressbar ul li:last-child .line-animate {display: none; }
.service-page .animate-progressbar ul li:last-child::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: -1; }
.service-header h4 {font-family: 'Avenir LT Std'; font-size: 60px; font-size: 24px; font-weight: 400; color: #fff; }
.service-header {max-width: 1000px; margin: 0 auto; margin-bottom: 80px; text-align: center; }










 

/*Media Query css*/
 
@media only screen and ( min-width:1700px ) {

    .container { max-width: 1350px !important;}

} 

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





}
@media only screen and ( max-width:1599px ) { 
    footer h3 {font-size: 70px;max-width: 700px;}
    .banner-section.inner-banner .banner-content,
    .banner-section.inner-banner {min-height: 65vh;}
    .about-second-sec .content-box {font-size: 35px;}
    .about-third-sec .content-box {padding-left: 30px;}
    .about-third-sec .content-box p {max-width: 100%;}
    .about-forth-sec .image-box {padding-bottom: 60%;}
    .contact-page-sec .sngl-box {padding-right: 100px;}
















}

@media only screen and ( max-width:1439px ) { 
    h1, h2 {font-size: 55px;}
    h3{ font-size: 45px;}
    .banner-section .banner-content {padding-bottom: 10px;}
    .contact-page-sec .sngl-box {padding-right: 50px;}
    .service-page .single-box-wraper {padding: 30px; }
    .portfolio-group .sng-box-wraper {height: 400px;}
    .portfolio-group .contant-box p {font-size: 18px; }

  




  
  
  



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

  

  















}
@media only screen and ( max-width:1299px ) { 
    .about-third-sec .content-box {padding-left: 0;}
    .about-third-sec .image-box {height: 575px; }
    .swiper-button-next {right: 0;}
    .swiper-button-prev {left: 0;}







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

    /*  ===========mobile nav==========  */ 
    .main-header .hdr-rt {width: calc(100% - 213px); justify-content: flex-end; }
    .hamburger-nav{ display: inline-block; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}    
    .hamburger-nav span{background: #A88F2C;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a,
    .mobile-menu ul li { font-size: 20px; color: #ffffff;  text-align: left;  font-weight: 500; text-transform: uppercase;} 
    .mobile-menu ul li a:hover{color: #e73b64;}
    .mobile-menu ul li ul.sub-menu li {margin: 11px 0;padding: 0 20px;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .mobile-menu ul li span {margin-left: 10px; }
    .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
    .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
    .mobile-menu ul li a {font-family: 'Avenir LT Std';text-align: center;}
     
    header .mobile-menu ul {max-width: 300px;margin: 0 auto;}
    header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px } 
    header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: #000; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
    header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }

    .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #00000021; border-radius: 10px; margin-top: 20px; padding-bottom: 20px;}
    .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px;}
    
    .main-header { max-width: 100%; padding: 0px 15px; } 
    .main-header .hdr-rt.hdr-lt { gap: 10px; }
 
    .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;}
 
    /* hamburger style */
    .hamburger-nav .line {fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #ffffff; stroke-width: 4.5px; stroke-linecap: round; }

    .hamburger-nav .ham.ham6 { width: 50px; height: 50px; margin-top: -10px; margin-left: -10px; }

    .hamburger-nav .ham6 .top { stroke-dasharray: 40 172; }
    .hamburger-nav .ham6 .middle { stroke-dasharray: 30 111; transform: translateX(-5px); }
    .hamburger-nav .ham6 .bottom { stroke-dasharray: 40 172; }

    .hamburger-nav.ham-motion .ham6 .top { stroke-dashoffset: -132px; }
    .hamburger-nav.ham-motion .ham6 .middle { stroke-dashoffset: -71px; transform: translateX(0px); stroke-dasharray: 40 111; }
    .hamburger-nav.ham-motion .ham6 .bottom { stroke-dashoffset: -132px; }
    /* hamburger style */

    .manu-part.hdr-rt {background-color: #00000000; border: 1px solid #25252500; }

    /*  ===========mobile nav==========  */

    .service-page .single-box-wraper p {font-size: 20px; }
    .modal-header button {right: 10px; }
    













}
@media only screen and ( max-width: 991px ) { 
    .banner-section .banner-text .sngl-box {height: auto; margin: 5px 0; }
    .main-header .logo {max-width: 150px;}
    h1, h2 {font-size: 40px;}
    h3{ font-size: 30px;}
    h4{ font-size: 35px;}
    h5{ font-size: 20px;}
    h6{ font-size: 18px;}
    body{font-size: 16px;}
    .service-header h4 {font-size: 16px;}
    .service-header {margin-bottom: 40px; }
    .common-padd {padding-top: 80px;padding-bottom: 80px;}
    footer h3 {font-size: 60px;max-width: 600px;}
    footer .logo-box {text-align: center; margin-bottom: 30px; }
    footer .social-media ul {justify-content: center; margin-top: 30px; }
    footer .end-footer {padding: 20px 0;}
    footer .end-footer ul {justify-content: center; margin-bottom: 10px; }
    footer .end-footer p {text-align: center; font-size: 14px; }
    .main-header .hdr-rt {width: calc(100% - 150px);}
    .banner-section.inner-banner .banner-content {padding-top: 120px;}
    .about-second-sec .content-box {font-size: 25px;}
    .about-third-sec .image-box {margin-bottom: 50px;}
    .about-third-sec .content-box {text-align: center; }
    .about-forth-sec .image-block-sec::before,
    .about-forth-sec .image-block-sec::after {width: 50px;}
    .about-forth-sec .image-block-sec {padding: 0 50px;margin-bottom: 50px;}
    .about-forth-sec .content-box {padding-bottom: 80px;}
    .oval-gradiant::before { width: 500px; }
    .about-team-sec .buttom-btn-sec ul {margin-top: 50px;}
    .banner-section.inner-banner .banner-content, 
    .banner-section.inner-banner {min-height: 42vh;}
    .contact-page-sec .sngl-box {padding-right: 0px;}
    .contact-page-sec .left-box h3 {text-align: center;}
    .contact-page-sec .sngl-box-wraper {text-align: center;margin-top: 20px; }
    .contact-page-sec .form-box {margin-top: 40px; }
    .contact-page-sec .form-box-wraper h3 {text-align: center; }
    .submit-btn {text-align: center; }
    .contact-page-sec .sngl-box-wraper ul {justify-content: center; }
    .home-second-sec {min-height: auto;background-size: 100%;}

    .service-page .animate-progressbar {display: none; }
    .service-page .sngl-box {margin-bottom: 20px; }
    .service-page .end-btn {margin-top: 40px; }
    .service-page .row > div:nth-child(3) {margin-top: 40px; }
    .service-page .single-box-wraper {padding: 20px;}
    .swiper-button-next, .swiper-button-prev {width: 40px !important;height: 40px !important;}
    .portfolio-group ul.nav.nav-tabs button.nav-link {font-size: 18px; padding: 14px 30px; }
    .portfolio-group .portfolio-grup-wraper .col-lg-6 {margin-bottom: 20px; }
    .portfolio-forth-sec .container{padding-bottom: 80px;}

    .dflt-page main,
    .error404 main {padding-top: 140px; }
    .contact-page-sec .left-box {margin-top: 0px; }
    .service-page .sngl-box {height: auto !important; }
    .portfolio-group .btm-img-sec {bottom: -16%; }










  
 

}
@media only screen and ( max-width: 767px ) { 
    footer h3 {font-size: 50px; max-width: 500px; }
    .about-second-sec .content-box {font-size: 20px;}
    .about-second-sec .content-box {padding: 30px 30px; }
    .portfolio-group ul.nav.nav-tabs button.nav-link {font-size: 16px;padding: 10px 12px;}


















 
 
}
@media only screen and ( max-width: 575px ) { 
    h1, h2 {font-size: 30px;}
    .main-header {padding: 0px 0px;}
    .main-header .logo {max-width: 120px;}
    .main-header .hdr-rt {width: calc(100% - 120px);}
    .btn {font-size: 16px;height: 45px;}
    .main-header.fixed .logo {max-width: 80px;}
    .banner-section .banner-text .sngl-box {backdrop-filter: blur(15px); border-radius: 15px; padding: 15px; }
    footer h3 {font-size: 40px;max-width: 500px;}
    .about-second-sec .content-box {padding: 15px 15px; }
    .about-second-sec h2 {margin-bottom: 10px;}
    .about-second-sec .content-box {font-size: 16px;}
    .about-third-sec .image-box {height: 400px;}
    .top-gradiant::before {height: 30vh; }
    .common-padd {padding-top: 60px;padding-bottom: 60px;}
    .about-forth-sec .content-box {padding-bottom: 60px;}
    .about-forth-sec .image-block-sec::before, 
    .about-forth-sec .image-block-sec::after {width: 20px;}
    .about-forth-sec .image-block-sec {padding: 0 20px;}
    .oval-gradiant::before { width: 100%; height: 500px;}
    .about-team-sec .sngl-box {padding: 10px; }
    .about-team-sec .image-box {height: 300px;}
    .about-team-sec .buttom-btn-sec ul {display: block;text-align: center;}
    .buttom-btn-sec ul li:not(:last-child) {margin-bottom: 10px;}
    .contact-page-sec .sngl-box-wraper {padding: 20px; }
    .contact-page-sec .sngl-box-wraper {border-radius: 15px; }
    .contact-page-sec .sngl-box-wraper::before {border-radius: 15px; }
    .contact-page-sec .form-box-wraper {padding: 20px; }
    .service-page .end-btn .gradinat-button {max-width: 300px; }
    .service-page .single-box-wraper {padding: 20px;}
    .service-page .single-box-wraper {min-height: auto; }
    .testimonail-slider .sngl-box p {font-size: 16px; }
    .testimonail-slider .sngl-box {padding: 15px; }
    .portfolio-group ul.nav.nav-tabs {border: none; justify-content: center; }
    .portfolio-group .sng-box-wraper {height: 300px;}
    .portfolio-group .sng-box-wraper .contant-box a {max-width: 60px; }
    .portfolio-group .contant-box p {font-size: 14px;}
    .portfolio-group .contant-box h3 {margin-bottom: 0; }
    .portfolio-group .contant-box {padding: 15px; }
    .about-second-sec.portfolio-srvc-sec h2 {margin-bottom: 20px; }
    .video-wraper {padding-bottom: 80%; }

    .about-third-sec,
    .about-forth-sec,
    .portfolio-third-sec.portfolio-forth-sec {padding-top: 0; }

    .about-team-sec,
    .contact-page-sec,
    .portfolio-group,
    .service-page{padding-bottom: 0;}

    .portfolio-forth-sec .container{padding-bottom: 60px;}

    .common-header-mdl {margin-bottom: 30px; }

    .about-second-sec.portfolio-srvc-sec {padding: 0; }
    .service-page .end-btn {margin-top: 20px;}

    .dflt-page main,
    .error404 main {padding-top: 115px; }
    .banner-section video {position: relative; height: 430px; }
    .banner-section .banner-content {min-height: auto; padding-top: 30px; }





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

  




}
@media only screen and ( max-width: 359px ) { 
    .about-third-sec .image-box {height: 300px;}




}
 
/*Media Query css*/