/* Theme Name: Nextline Skelton Theme URI: https://www.nextline.in Description: Html 5 responsive theme Version: 6.1 Author: Haris Author URI: https://harisk.me */ @charset "UTF-8"; /************************************************************************************************* RESET ***************************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance: textfield;appearance: textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}* {margin: 0;padding: 0;list-style-type: none;} /************************************************************************************************* Google fonts ***************************************************************************************************/ /* sorts-mill-goudy-regular - latin */ @font-face { font-display: swap; font-family: 'Sorts Mill Goudy'; font-style: normal; font-weight: 400; src: url('fonts/sorts-mill-goudy-v15-latin-regular.woff2') format('woff2'); } /* lato-300 - latin */ @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('fonts/lato-v24-latin-300.woff2') format('woff2'); } /* lato-regular - latin */ @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'); } /* lato-700 - latin */ @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('fonts/lato-v24-latin-700.woff2') format('woff2'); } /************************************************************************************************* COMMON ***************************************************************************************************/ :root{ --Mcolor:#99794C; --Scolor:#193768; } html {scroll-behavior: smooth;} body{--wp-dark-mode-scale: 1} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} body{margin:0;padding:0;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } .fonts, h1, h2, h3, h4, h5, h6{ font-family: "Sorts Mill Goudy", serif; font-weight: 400; } .container{max-width:1180px;width:100%;margin:0 auto} .container-fluid{width:100%;padding:0 20px} .row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .row-e{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .row-full{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 100%;} .row-half{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .row-three{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .row-four{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .row-ten{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%} .row-six{-webkit-box-flex:0;-ms-flex:0 0 16.66666%;flex:0 0 16.66666%;max-width:16.66666%} .row-five{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .row-thirty{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%} .row-fourty{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%} .row-sixty{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%} .row-seventy{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%} .row-eighty{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%} .row-ninety{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%} .row-e,.row-full,.row-eighty,.row-five,.row-four,.row-fourty,.row-half,.row-ninety,.row-seventy,.row-sixty,.row-ten,.row-thirty,.row-three{position:relative;width:100%;min-height:1px} .dew,.wow{visibility:hidden}.p-0{padding:0!important}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-30{padding:30px}.pt-0{padding-top:0!important}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pl-0{padding-left:0!important}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pr-0{padding-right:0!important}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.m-0{margin:0!important}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-30{margin:30px}.mt-0{margin-top:0!important}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.ml-0{margin-left: 0 !important;}.ml-5{margin-left: 5px;}.ml-10{margin-left: 10px;}.ml-15{margin-left: 15px;}.ml-20{margin-left: 20px;}.ml-30{margin-left: 30px;}.mr-0{margin-right: 0 !important;}.mr-5{margin-right: 5px;}.mr-10{margin-right: 10px;}.mr-15{margin-right: 15px;}.mr-20{margin-right: 20px;}.mr-30{margin-right: 30px;}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-right:auto;margin-left:auto}.w-100{width:100%!important}.h-100{height:100%!important} .order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} .order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3} .order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4} .d-flex,.flex, .is-layout-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .is-layout-flex{margin-right: -15px; margin-left: -15px;} .is-layout-flex > div.wp-block-column{padding-right: 15px;padding-left: 15px;-ms-flex-preferred-size: 0;flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} .d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .d-inline{display:-moz-inline-stack;display:inline-block;zoom:1;} .d-block{display:block} .d-none{display: none;} .d-inline-block{display:inline-block} .align-items-center,.flex_align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} .align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} .flex_jsb,.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .justify-content-space-around{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around} .justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end} .justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .flex-wrap,.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; } header ul li{list-style-type: none;} header ul{margin-left: 0;} ul, ol{margin-left: 20px;margin-top: 0;} ul li{list-style-type:disc} ol li{list-style-type:decimal} .no-list li{list-style-type: none !important;position: relative;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse} table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6} table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6} table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .relative, .position-relative{position:relative;} .position-fixed{position: fixed;} .position-absolute{position: absolute;} .position-static{position: static;} .position-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:10px} .text-capital{text-transform:capitalize;} .text-uppercase{text-transform:uppercase;} .text-center{text-align:center;} .text-left{text-align:left} .text-right{text-align: right;} .text-justify{text-align: justify;} p, ul, ol{margin-bottom: 20px;} p, li{ font-weight: 300; font-size: 17px; line-height: 1.5; } .MainContent ol li, .MainContent li li{ list-style-type: auto; } .wp-block-list[style*="list-style-type:upper-alpha"] li, .upper-alpha li{ list-style-type: upper-alpha !important; } .wp-block-list[style*="list-style-type:lower-alpha"] li, .lower-alpha li{ list-style-type: lower-alpha !important; } .wp-block-list[style*="list-style-type:upper-roman"] li, .upper-roman li{ list-style-type: upper-roman !important; } .wp-block-list[style*="list-style-type:lower-roman"] li, .lower-roman li{ list-style-type: lower-roman !important; } .shadow{-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);} /* clear floats */ .container:after, .container:before{display: table;content: " ";clear: both;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display:block; } .clear , .cb{ clear: both; } .float-left{float:left;} .float-right{float:right;} img{max-width:100%;height:auto;vertical-align:bottom; } a, a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-o-transition:all .2s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} *, *:after, *:before { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smooth:antialiased; text-rendering:optimizeLegibility; } input:focus { outline:0; border:1px solid #04A4CC; } /*Core*/ .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} p .alignnone{margin-bottom: 0;} ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } .parallax{background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: top center;} .abs-center{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0;} .abs-exact{ margin: 0 auto; left: 50%; top:50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .overlay {position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); padding: 60px 0; } .overlay.position-absolute{top:0;left:0;} .o-hidden, .overflow-hidden{overflow:hidden;} .com60, .CommonPadding{padding:60px 0;} .com80{padding:80px 0;} .com80x60{padding:80px 0 60px 0;} .com100x60{padding:100px 0 60px 0;} *:focus { outline:none} .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .dummy{padding: 0 !important;border:0 !important;margin: 0 !important;-webkit-box-shadow: none !important;box-shadow: none !important;width: 0 !important;height: 0 !important;} .text-second-line{word-spacing: 9999999px;} .imgAbsolute{ position: absolute; left:0; top:0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } a{ color: #000; } a:hover{ color: var(--Mcolor); } .block-editor-iframe__body a{ color: var(--Mcolor); text-decoration: underline; font-weight: 600; } /************************************************************************************************* Header ***************************************************************************************************/ .mobImg{ display: none; } header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9; background-color: transparent; padding: 10px 0; } header.top{ background-color: #fff; -webkit-box-shadow: 0 10px 20px 0 rgb(46 56 220 / .05); box-shadow: 0 10px 20px 0 rgb(46 56 220 / .05); } .anchor { display: block; position: relative; top: -80px; visibility: hidden; } .logo img{ width: 200px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .nav ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } .main-menu li a { font-weight: 400; padding: 0 15px; font-size: 16px; color: #fff; } .main-menu > li.menu-item-has-children > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } li a svg{ width: 14px; margin-left: 5px; fill: #fff; } .top li a svg{ fill: #000; } li a:hover svg{ fill: var(--Mcolor); } .main-menu li ul li a{ color: #000; } .noneInDesktop{ display: none !important; } .top .main-menu li a{ color: #000; } .main-menu li a:hover{ color: var(--Mcolor); } .top .logo img{ -webkit-filter: none; filter: none; } .header .menu > ul > li{ display: inline-block; line-height: 50px; } .header .menu > ul > li > .sub-menu{ position: absolute; z-index: 500; background-color:#ffffff; -webkit-box-shadow: 0 10px 60px 0 rgb(0 0 0 / .07); box-shadow: 0 10px 60px 0 rgb(0 0 0 / .07); padding: 20px 30px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-top:25px; opacity:0; visibility: hidden; display: block; pointer-events: none; } .header .menu > ul > li.menu-item-has-children:hover .sub-menu{ margin-top: 0; visibility: visible; opacity: 1; pointer-events: all; } .header .menu > ul > li .sub-menu > ul > li{ line-height: 1; } .header .menu > ul > li .sub-menu > ul > li > a{ display: inline-block; padding: 10px 0; font-size: 15px; color: #555555; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; text-decoration: none; text-transform: capitalize; } .header .menu > ul > li .single-column-menu{ min-width: 280px; max-width: 350px; } .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{ line-height: 1; display: block; } .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a { padding:10px 0; display: inline-block; font-size: 15px; color:#555555; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .header .menu > ul > li > .sub-menu.mega-menu{ left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header .menu > ul > li > .sub-menu.mega-menu-column-4{ max-width: 1100px; width: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > li{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; } .header .menu > ul > li > .sub-menu.mega-menu-column-4 > li > a{ color: var(--Mcolor); font-family: 'Sorts Mill Goudy'; font-size: 19px; margin-bottom: 10px; } .sub-menu .vieAll a { color: var(--Mcolor) !important; font-size: 14px; text-decoration: underline; margin-top: 5px; } .main-menu li ul li a { padding: 0 10px; display: block; margin-bottom: 12px; font-size: 14px; line-height: 1.4; -webkit-transition: none; -o-transition: none; transition: none; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > li ul{ display: block !important; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{ font-size: 16px; color:#ea4636; font-weight: 500; line-height: 1; padding:10px 0; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{ text-align: center; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{ max-width: 100%; width: 100%; vertical-align: middle; margin-top: 10px; height: 300px; -o-object-fit: cover; object-fit: cover; } .fixedMenu { position: fixed; top: 0; left: -100%; width: 350px; max-width: calc(100% - 60px); height: 100%; z-index: 1501; background: #fff; -webkit-transition: all 799ms cubic-bezier(.74,.215,.125,1); -webkit-transition: all 799ms cubic-bezier(.74,.215,.125,1.02); -o-transition: all 799ms cubic-bezier(.74,.215,.125,1.02); transition: all 799ms cubic-bezier(.74,.215,.125,1.02); -webkit-transition-timing-function: cubic-bezier(.74,.215,.125,1); -webkit-transition-timing-function: cubic-bezier(.74,.215,.125,1.02); -o-transition-timing-function: cubic-bezier(.74,.215,.125,1.02); transition-timing-function: cubic-bezier(.74,.215,.125,1.02); overflow: hidden; } .menu-is-open .fixedMenu { left: 0; } .menu_holder { display: none; } .menu-toggle { width: 30px; height: 30px; max-width: 100%; position: relative; display: block; cursor: pointer; overflow: hidden; z-index: 10; -webkit-transition: height 0.3s ease,-webkit-transform 0.4s ease; transition: height 0.3s ease,-webkit-transform 0.4s ease; -o-transition: height 0.3s ease,transform 0.4s ease; transition: height 0.3s ease,transform 0.4s ease; transition: height 0.3s ease,transform 0.4s ease,-webkit-transform 0.4s ease; } .menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before { content: ""; display: block; width: 26px; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -13px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s cubic-bezier(.60,0,.20,1); -o-transition: all 0.4s cubic-bezier(.60,0,.20,1); transition: all 0.4s cubic-bezier(.60,0,.20,1); -webkit-transition-timing-function: cubic-bezier(.60,0,.20,1); -o-transition-timing-function: cubic-bezier(.60,0,.20,1); transition-timing-function: cubic-bezier(.60,0,.20,1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .top .menu-toggle span.hamburger, .top .menu-toggle span.hamburger:after, .top .menu-toggle span.hamburger:before{ background: #000; } .menu-toggle span.hamburger:before { margin-top: -7px; top: 0; } .menu-toggle span.hamburger:after { margin-top: 7px; top: 0; } .menu-is-open .menu-toggle span.hamburger:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 0; } .menu-is-open{ overflow: hidden; } .menu-is-open .menu-toggle span.hamburger:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; } .menu-is-open .menu-toggle span.hamburger { background: transparent!important; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .menuHeader{ background-color: var(--Mcolor); padding: 10px; } .menuHeader svg, .menuHeader .comBtn:hover svg{ fill:#fff; } .menuHeader svg:hover{ fill:var(--Scolor); } .menuHeader .comBtn svg{ fill:var(--Mcolor) } #Mobmenu > li > .sub-menu{ display: none; } .menuContent{ height: calc(100% - 160px); overflow-y: auto; padding: 30px 30px 20px 20px; } .menuFooter{ position: absolute; bottom: 0; width: 100%; } .menuFooter .comBtn:hover svg{ fill:var(--Mcolor); } #Mobmenu{ margin-left: 0; } #Mobmenu .level-0 { display: none; margin-bottom: 0; } #Mobmenu li a{ font-size: 16px; font-weight: 500; display: block; margin-bottom: 15px; } #Mobmenu li a svg { float: right; fill: #000; } .animateItem{ -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } .menu-is-open .animateItem{ -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } /************************************************************************************************* Index ***************************************************************************************************/ .TopSection{ height: 100vh; position: relative; color: #fff; } .TopSectionArrow{ animation: scrolldown 1.2s ease-in-out infinite; -webkit-animation: scrolldown 2s ease-in-out infinite; } @-webkit-keyframes scrolldown { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 1; } 50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0.4; } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 1; } } @keyframes scrolldown { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 1; } 50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0.4; } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 1; } } .BgImg{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; } .TopSection h1 { font-size: 50px; font-weight: 400; line-height: 60px; margin-top: 0; } .TopSection p{ font-size: 18px; font-weight: 400; } .round { background-color: #F4F8F9; border-radius: 120px; width: 110px; height: 110px; position: relative; } .rotateSvg { overflow: visible; position: absolute; width: 100%; font-weight: 500; font-size: 34px; -webkit-animation: rotate-animation 10s linear infinite; animation: rotate-animation 10s linear infinite; letter-spacing: 4px; } .fill-transparent { fill: #fff; } .centerIcon { width: 90px; height: 90px; background-color: var(--Mcolor); border-radius: 50%; position: relative; color: #fff; font-size: 27px; font-weight: 900; } @-webkit-keyframes rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .colorBrown{ color: var(--Mcolor); } .comBtn{ background-color: var(--Mcolor); color: #fff; padding: 13px 30px; font-size: 14px; text-transform: uppercase; border: 1px solid var(--Mcolor); text-align: center; position: relative; overflow: hidden; display: inline-block; font-weight: 400; cursor: pointer; } .comBtn.light{ background-color: #fff; color: var(--Mcolor); border-color: #fff; } .comBtn.light:hover{ border-color: var(--Mcolor); color: #fff; } .comBtn::before { width: 110%; height: 110%; position: absolute; top: -2px; left: -2px; border-radius: 5px; -webkit-transform: translate(-100%, 0) rotate(50deg); -ms-transform: translate(-100%, 0) rotate(50deg); transform: translate(-100%, 0) rotate(50deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background-color: var(--Scolor); content: ""; } .comBtn.light:hover::before{ background-color: var(--Mcolor); } .comBtn span{ position: relative; z-index: 2; } .comBtn:hover::before { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .mainHeading{ color: var(--Mcolor); text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: 2px; margin-bottom: 5px; } .comHeading{ font-family: "Sorts Mill Goudy", serif; font-size: 40px; text-transform: capitalize; line-height: 50px; } .post-thumb{ width: 120px; } .custom-post-item h3{ width: calc(100% - 140px); padding-left: 20px; font-size: 17px; } .FirmUpdatesSec .comHeading{ font-size: 25px; border-bottom: 1px solid var(--Mcolor); margin-bottom: 10px; line-height: 1.3; } .vertical-slider { overflow: hidden; height: 300px; position: relative; } .slider-inner { display: flex; flex-direction: column; transition: transform 0.5s ease-in-out; } .slide-item { padding: 10px 0; } .header .comBtn{ background-color: var(--Mcolor); color: #fff; } .header .comBtn:hover{ border-color: var(--Scolor); } .header.top .comBtn{ background-color: var(--Mcolor); color: #fff; } .comSubHeading{ font-size: 14px; font-weight: 400; } .element { position: absolute; top: -6px; left: -10px; } .thirdImg{ width: 500px; height: 667px; -o-object-fit: cover; object-fit: cover; } .chairmanScndImg{ width: 500px; height: 625px; -o-object-fit: cover; object-fit: cover; } .AllImg { width: 100%; } .about-objectives img { opacity: 0.2; margin-bottom: 0; position: relative; bottom: -68px; margin-top: -68px; } .bgGrey{ background-color: #F7F5F3; } .textWhite{ color: #fff !important; } .aboutUsSecondSectionRow{ max-width: 1100px; margin: auto; } .aboutUsSecondSection .cards{ background-color: #fff; padding: 40px; height: 100%; } .aboutUsSecondSection .cards .comHeading{ font-size: 30px; line-height: 30px; margin-bottom: 15px; } .aboutUsSecondSectionRow .row-three{ max-width: calc(33.33333% - 20px); } .aboutUsSecondSectionRow svg, .about-objectives svg{ width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain; fill: var(--Mcolor); margin-bottom: 20px; } .aboutUsSecondSectionRow img, .about-objectives img{ width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain; fill: var(--Mcolor); margin-bottom: 20px; } .ourStorySection{ height: 100vh; } .top-50{ top:50px } .about-objectives svg{ opacity: 0.2; margin-bottom: 0; position: relative; bottom: -68px; margin-top: -68px; } .ObjContent{ padding: 30px; border: 1px solid #99794c40; } .mnContent .row-three{ max-width: calc(33.333333% - 20px); } .mnContent img{ width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain; margin-bottom: 20px; } .mnContent .h3{ font-size: 25px; margin-bottom: 10px; } .stickySide{ height: 100vh; } .ObjContentTop{ padding-left: 60px; } .play-button { width: 80px; height: 80px; border-radius: 50%; background: #fff; display: -webkit-box; display: -ms-flexbox; cursor: pointer; position: relative; } .play-icon { width: 0; height: 0; border-left: 24px solid var(--Mcolor); border-top: 16px solid transparent; border-bottom: 12px solid transparent; z-index: 2; position: relative; display: block; } .play-button::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 100px; height: 100px; background: #fff; border-radius: 50%; -webkit-animation: pulse-border 2500ms ease-out infinite; animation: pulse-border 2500ms ease-out infinite; } .play-button::after { content: ""; width: 100px; height: 100px; border: 4px dotted #fff; border-radius: 50%; -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite; display: block; position: absolute; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .play-button:hover::after{ opacity: 1; } .play-button:hover::before{ background: transparent; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .ourStorySection{ color: #fff; } .ourStorySection .overlay{ background-color: rgba(0, 0, 0, .2); } .ourExpertiseSlider{ padding: 0 40px; } .ExpertiseImg{ width: 100%; } .slickButtons{ position: absolute; top: 35%; cursor: pointer; z-index: 9; } .timelineSlider .slickButtons{ top:0; } .timelineSlider .slickButtons.slick-next{ right: auto; left: 30px; } .timelineSlider .slickButtons.slick-prev{ left: 0; } .ourExpertiseSlider .slick-slide{ margin-left: 10px; margin-right: 10px; } .ourExpertiseSlider .slick-list { margin-left: -10px; margin-right: -10px; } .slickButtons.slick-prev{ left: -20px; } .slickButtons.slick-next{ right: -20px; } .ourExpertiseSlider .slick-track{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .ourExpertiseSlider .slick-slide{ height: inherit !important; } .experticeIn{ background-color: #fff; height: 100%; } .ourExpertiseContent h3{ font-size: 26px; margin-bottom: 10px; } .exContent{ padding: 20px; } .testimonialSlider{ max-width: 900px; padding: 0 40px; margin: auto; } .TestimonialPersonImg{ border-radius: 50%; } .testimonialContents span{ font-family: "Sorts Mill Goudy", serif; font-size: 24px; font-weight: 400; } .TestimonialPersonImg{ height: 50px; width: 50px; object-fit: cover; } .testimonialContents svg{ width: 100px; display: block; margin: 0 auto; } .testimonialContents .Person span{ font-family: "Work Sans", sans-serif; font-size: 14px; font-weight: 400; color: var(--Mcolor); } .testimonialContents h3{ font-size: 14px; font-weight: 600; } .LogosImg { width: 100px; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; margin: auto; max-height: 70px; } .newsAndInsightsSection .cards p { font-size: 18px; font-weight: 400; text-decoration: underline; line-height: normal; color: #fff; } .newsAndInsightsSection .cards{ background-color: #fff; height: 100%; } .newsAndInsightsSection .cardsIn{ padding: 20px; } .newsAndInsightsSection .cardsIn .comBtn{ padding: 10px 20px;; } .newsAndInsightsSection .cardsIn .comBtn:hover{ color: #fff; } .comBtn.lightBorder{ background-color: #fff; border: 1px solid var(--Mcolor); color: var(--Mcolor); } .newsAndInsightsSectionRow .row-three{ max-width: calc(33.33333% - 20px); } .consultationSection h2 { text-transform: none; color: #fff; font-size: 24px; } .consultationSection{ background-color: #2E2417; } .Mcontent{ width: calc(100% - 340px); padding-left: 40px; } .SidebarRight{ width: 340px; } .siderbarIn{ top:50px } .catsAll{ background-color: #FCFBFA; padding: 30px; } .Catmenu li{ padding: 14px 0; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e6e6e6; } .Catmenu li:last-child, .Catmenu > li{ border-bottom: 0; } .Catmenu li ul{ margin-bottom: 0; display: none; margin-left: 10px; } .Catmenu li.current-menu-parent ul{ display: block; } .Catmenu li a{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Catmenu > li > a::after{ content: "+"; position: absolute; right: 0; font-size: 22px; font-weight: 400; top: -5px; } .Catmenu li ul a::before { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 12px; margin-left: -15px; width: 20px; height: 20px; background-image: url('images/arrow.png'); background-repeat: no-repeat; opacity: 0; -o-transition: opacity 200ms, margin-left 200ms; transition: opacity 200ms, margin-left 200ms; -moz-transition: opacity 200ms,margin-left 200ms; -o-transition: opacity 200ms,margin-left 200ms; -webkit-transition: opacity 200ms, margin-left 200ms; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 5px; background-position: center; } .h3{ font-size: 22px; font-family: "Sorts Mill Goudy", serif; } .Catmenu li ul li:hover a::before, .Catmenu li ul li.current-menu-item a::before{ opacity: 1; margin-left: 0; } .Catmenu li ul li a{ font-size: 15px; } .Catmenu li.current-menu-item a{ color: var(--Mcolor); font-weight: 600; } .Catmenu > li{ padding-bottom: 0; } .Catmenu > li > a{ margin-bottom: 10px; } .Catmenu > li > a.active::after{ content: "__"; top: -15px; } .IconIn{ width: 30px; height: 30px; border-radius: 10px 0 10px 0; background-color: var(--Mcolor); } .IconIn svg{ fill: #fff; width: 20px; } .iconContent{ width: calc(100% - 30px); padding-left: 10px; } .iconContent a{ font-weight: 300; } .CommonTop{ height: 300px; } .CommonTop img{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } .CommonTop .overlay{ z-index: 2; color: #fff; background-color: rgba(0, 0, 0, .3); } .BreadCrumbs a{ color: #ffe4bd; } .BreadCrumbs *{ font-weight: 400; font-size: 15px; } .Mcontent h1, .Mcontent h2, .Mcontent h3, .Mcontent h4, .Mcontent h5, .Mcontent h6{ margin-bottom: 20px; font-size: 22px; } .Mcontent h2{ font-size: 32px; } .Mcontent li{ margin-bottom: 10px; list-style-type: none; position: relative; } .Mcontent li::before { content: ""; width: 20px; height: 20px; background-image: url("images/checked.png"); display: inline-block; background-size: contain; margin-right: 10px; position: relative; top: 3px; } .Mcontent ul, .Mcontent ol{ margin-left: 0; } .contactSp{ background-color: #f9f9f9; padding: 60px 0; } .contactSp a{ color: var(--Mcolor); font-size: 60px; display: block; margin-top: 10px; } .mtOn{ top: -100px; margin-bottom: -100px; } .wp-block-separator{ margin-bottom: 20px; } .TeamImg{ background-color: #EFEFEF; } .SmTitle{ font-size: 22px; margin-bottom: 15px; display: block; border-bottom: 1px solid #99794c40; padding-bottom: 5px; font-family: "Sorts Mill Goudy", serif; margin-top: 15px; } .SpecializeIn li{ margin-bottom: 5px; } .secTeam{ border-bottom: 1px solid #99794c40; border-top: 1px solid #99794c40; margin-top: 40px; padding: 40px 0; } .thirdTeam{ background-color: #F2F5F8; padding: 20px 20px 20px 100px; border-left: 5px solid var(--Scolor); position: relative; } .thirdTeam svg{ position: absolute; left: 20px; top: 30px; } .pagesTop{ height: 60vh; } .single-post .container, .powerIn .container, .glossary-section .container{ max-width: 1000px; } .wp-block-heading{ margin-bottom: 20px; } .MainContent a{ color: var(--Mcolor); text-decoration: underline; font-weight: 400; } .MainContent li{ margin-bottom: 10px; } .MainContent li ul, .MainContent li ol{ margin-top: 20px; } .MainContent p, .MainContent li { font-weight: 400; font-size: 16px; line-height: 1.7; } .has-small-font-size{ font-size: 14px !important; } .schema-faq-section p{ margin-bottom: 0; } .schema-faq-question{ cursor: pointer; border-bottom: 1px solid #ccc; display: block; padding-bottom: 5px; margin-bottom: 10px; position: relative; } .schema-faq-question::before{ content: "+"; position: absolute; right: 0; font-size: 20px; top: 0; } .schema-faq-question.active::before{ content: "—"; } .PostTags li a{ display: block; text-decoration: underline; margin-right: 15px; margin-bottom: 5px; font-size: 15px; } .wp-block-heading br{ display: none !important; } .PostTags li a::before{ content: "#"; } .schema-faq-section{ margin-bottom: 20px; } footer{ background-color: #0F0C08; color: #fff; } footer p { line-height: 140%; font-weight: 400; font-size: 16px; } footer .h4{ font-size: 22px; text-transform: capitalize; font-family: "Sorts Mill Goudy", serif; } footer a{ color: #fff; font-size: 16px; font-weight: 400; } .footerSocialIn a svg{ fill:#fff; } .footerSocialIn a{ background-color: var(--Mcolor); width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footerSocialIn a:hover{ background-color: #fff; } .footerSocialIn a:hover svg{ fill: var(--Scolor); } address{ font-weight: 400; font-style: normal; font-size: 16px; } .Linediv { border-bottom: 1px solid #8e8e8e; padding-top: 60px; } .copyright p{ font-size: 14px; font-weight: 400; margin-bottom: 0; } .Fcontact a{ font-size: 22px; font-weight: 300; } footer{ padding: 60px 0 30px 0; } /************************************************************************************************* About Us ***************************************************************************************************/ .Img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgb(0 0 0 / .5); } .quotesDiv{ background-color: #99794c21; padding: 20px 0; color: var(--Mcolor); } .itemIn{ padding: 0 30px; font-size: 40px; font-weight: 200; } .itemIn span{ display: inline-block; width: 25px; height: 25px; border: 3px solid var(--Scolor); border-radius: 50%; margin-left: 60px; } .secTeam li.d-flex svg{ width: 30px; } .secTeam li.d-flex span{ width: calc(100% - 30px); } .quotesDiv span{ color: #fff; font-family: "Sorts Mill Goudy", serif; font-size: 26px; font-weight: 400; } .about-objectives .card{ background-color: #fff; -webkit-box-shadow: 0px 13.275px 36.875px -7.375px rgba(0, 0, 0, 0.20); box-shadow: 0px 13.275px 36.875px -7.375px rgba(0, 0, 0, 0.20); box-shadow: 0px 13.275px 36.875px -7.375px rgba(0, 0, 0, 0.20); padding: 40px 40px; border-radius: 15px; height: 100%; } .about-objectivesRow .row-three{ max-width: calc(33.33333% - 20px); } .timelineSliderContents span { font-size: 90px; font-weight: 500; } .timelineSliderContents h3{ font-family: "Sorts Mill Goudy", serif; font-size: 26px; font-weight: 400; } /* .reviewed-by{ padding: 5px 10px; background-color: #8e6f4426; font-size: 15px; margin: 15px 0; } */ .reviewer-item{ border-bottom: 1px solid #99794c40; margin-bottom: 15px; padding-bottom: 15px; display: flex; align-items: center; } .reviewer-item img{ width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin-bottom: 10px; } .reviewer-info{ width: calc(100% - 80px); padding-left: 10px; } .reviewed-by a{ text-decoration: underline; } .single .breadcrumb_last{ display: none; } .single h1{ font-weight: 700; } #breadcrumbs a, #breadcrumbs span{ font-size: 16px; font-weight: 400; } .reviewer-position{ display: block; font-size: 14px; margin-top: 2px; } /************************************************************************************************* Chairman **************************************************************************************************/ .chairman-messageSection .card{ background-color: #fff; -webkit-box-shadow: 0px 13.275px 36.875px -7.375px rgba(0, 0, 0, 0.20); box-shadow: 0px 13.275px 36.875px -7.375px rgba(0, 0, 0, 0.20); padding: 40px; border-radius: 10px; height: 100%; } .chairman-messageSection h3{ font-size: 20px; font-weight: 500; } .chairman-videoSection{ height: 100vh; } .videoSectionHead{ display: unset; } .chairman-shortAboutSection .cardRight{ border-right: 1px solid black; padding: 60px; } .chairman-shortAboutSection .cardLeft{ padding: 84px 60px; } .BgSvg{ width: 100%; z-index: -1; position: absolute; top: 0; left: 0; } .ChairmanMessageImg{ border-radius: 50%; height: 200px; width: 200px; -o-object-fit: cover; object-fit: cover; } /************************************************************************************************* Team ***************************************************************************************************/ .team-allSection-lower{ height: 100vh; } .team-leadersSection span{ font-size: 20px; font-weight: 400; } .team-leadersSection h3{ color: var(--Mcolor); font-size: 22px; font-weight: 400; } .team-leadersSection h4{ font-size: 16px; font-weight: 400; } .PowerTeamsSection{ background-color: #F9F9F9; } .LinkedInBtn{ padding: 10px 25px; background-color: #002F6C; color: white; border-radius: 7px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .team-leadersSectionRow .row-four{ max-width: calc(25% - 20px); margin-bottom: 30px; } .contentTeam h3{ font-size: 30px; margin-bottom: 10px; } .teamSub img{ width: 100%; /* height: 270px; */ -o-object-fit: cover; object-fit: cover; } /************************************************************************************************* Expertise ***************************************************************************************************/ .ChildPages img{ width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain; -webkit-filter: drop-shadow(0 1000px 0 var(--Mcolor)); filter: drop-shadow(0 1000px 0 var(--Mcolor)); -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); margin-bottom: 20px; } .ChildPages h3 a{ font-size: 24px; margin-bottom: 10px; display: block; line-height: 1.3; } .bootRow{ margin-left: -15px; margin-right: -15px; } .bootRow .row-three{ padding-right: 15px; padding-left: 15px; margin-bottom: 30px; border-right: 1px solid #99794c40; } .ChildPages{ padding: 10px 40px; position: relative; } .bootRow .row-three:nth-child(9), .bootRow .row-three:nth-child(6), .bootRow .row-three:nth-child(3), .bootRow .row-three:nth-child(6), .bootRow .row-three:last-child{ border-right: 0; } .cpLink{ font-size: 14px; font-weight: 300; } /************************************************************************************************* Clients ***************************************************************************************************/ .ClientSection .row-five{ max-width: calc(20% - 15px); margin-bottom: 30px; } .ClientSection img{ width: 170px; height: 80px; object-fit: contain; } /************************************************************************************************* News and Insights ***************************************************************************************************/ .flipImg{ -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } /************************************************************************************************* Contact ***************************************************************************************************/ .ContactDetailsIn { padding: 60px 24px; border: 1px solid #ccc; border-radius: 5px; } .ContactDetailsIn h2{ font-size: 24px; } .ContactDetailsIn a, .ContactDetailsIn p { font-size: 16px; font-weight: 500; } .ContactForm{ background-color: #fafafa; padding: 40px; } .LocationBtn{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; display: inline-block; margin: 0 10px; color: var(--Mcolor); text-decoration: underline; border: 1px solid var(--Mcolor); padding: 5px 10px; font-size: 14px; cursor: pointer; } .custom-nav{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: -50px; } .wp-block-heading strong{ font-weight: normal; } .ImgSlider .slick-prev, .ImgSlider .slick-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; background: transparent !important; border: none !important; } .ImgSlider .slick-prev { left: 13px; } .ImgSlider .slick-next { right: 13px; } /************************************************************************************************* Slick Slider ***************************************************************************************************/ .slick-slider{ position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .footerEmail input[type="email"]{ border-bottom: 1px solid #fff; } .comBtn.d-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; } /************************************************************************************************* Back To Top ***************************************************************************************************/ .dew-top.dew-is-visible, .dew-top.dew-fade-out, .no-touch .dew-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .dew-top.dew-is-visible { visibility: visible; opacity: 1; } .dew-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 64px; right: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgb(31, 31, 31) url(images/top-arrow.svg) no-repeat center 50%;visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; cursor: pointer;} /************************************************************************************************* Page Nav ***************************************************************************************************/ .iv-pagenavi span.pages {margin-right: 10px;} .iv-pagenavi span, .iv-pagenavi a {display: inline-block; background-color: var(--Mcolor); color: #fff; margin-right: 5px; padding: 5px 8px; font-size: 14px; } .iv-pagenavi span.current{background-color:#4e3a1f} /************************************************************************************************* Forms ***************************************************************************************************/ input[type="text"], input[type="email"], input[type="number"], input[type="password"], textarea, select, input[type="tel"]{ border: none; border-bottom: 1px solid #19376866; display: block; margin: 0; padding: 13px 20px; padding-left: 0; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; font-weight: 100; font-size: 15px; color: var(--Scolor); } textarea{ height: 100px; } input[type="submit"]{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #3078C0; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 300; margin-bottom: 0; padding: 8px 25px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; width: auto; border-radius: 0; color: #3078C0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none;} input[type="submit"]:hover{background-color:#3078C0;color:#fff;} /************************************************************************************************* RESPONSIVE ***************************************************************************************************/ @media only screen and ( max-width: 1024px ){ } @media only screen and (max-width: 820px), only screen and (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){ .row-e,.row-full,.row-eighty,.row-five,.row-four,.row-fourty,.row-half,.row-ninety,.row-seventy,.row-sixty,.row-ten,.row-thirty,.row-three, .aboutUsSecondSectionRow .row-three, .newsAndInsightsSection .row-three, .minimalFirst .row-three, .team-leadersSection .row-four, .Mcontent, .ourExpertiseSlider, .newsAndInsightsSectionRow .row-three { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; padding: 0; } .menuTop, .topbtn{ display: none; } .container{ padding: 0 15px; } .menu_holder { display:block; } .mobImg{ display: block; } .allSectionInclude{ padding: 0; } .deskImg{ display: none; } .logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .TopSection h1 { font-size: 40px; line-height: 50px; } .comHeading { font-size: 30px; line-height: 40px; } .aboutUsSecondSectionRow .row-three, .newsAndInsightsSection .row-three, .about-SecondSection .row-half, .thirdImg, .chairmanScndImg, .teamSub, .copyright, .FooterLastText1 { margin-bottom: 20px; } .aboutUsSecondSectionRow .row-three:last-child{ margin-bottom: 0; } .ourStorySection .row-eighty{ padding: 0px 20px; } .aboutUsSection .row-fourty{ margin-top: 50px; } .element { top: -36px; left: 37px; } .ClientSection { padding: 60px 20px; } .testimonialContents span { font-size: 20px; } .contactSp a { font-size: 35px; } .contactSpSec { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin-bottom: 30px; } .minimalFirst, .about-Timeline{ padding-top: 60px; padding-bottom: 0; } .timelineSliderContents span { font-size: 40px; } .timelineSliderContents h3{ margin-top: 20px; } .chairman-messageSection .row-sixty, .clearfix h2{ margin-top: 20px; } .Team-SecondSection .row{ padding-bottom: 20px; padding-top: 0; } .row-half + .row-half{ margin-top: 20px; } .AllImg{ height: auto; width: auto; } .testimonialSection, .aboutUsSecondSection, .ourExpertiseSection{ padding: 60px 20px; } .testimonialSection, .ourExpertiseSection{ overflow: hidden; } .ChildPages { padding: 10px 0px; } .secondImg { padding-left: 0; } .slickButtons.slick-next { right: -35px; } .thirdImg { width: auto; height: auto; -o-object-fit: cover; object-fit: cover; } .chairmanScndImg { width: auto; height: auto; -o-object-fit: cover; object-fit: cover; } .chairman-shortAboutSection .cardRight { padding: 0; border: 0; } .chairman-shortAboutSection .cardLeft{ padding: 0; } .Team-SecondSection, .BankingFinance-ThirdSection, .relatedLawService { padding-bottom: 20px; } .team-coreTeamSection{ padding-top: 0; } .Expertise-SecondSection h2, .BankingFinance-SecondSection h2 { padding-bottom: 15px !important; } .Expertise-SecondSection{ padding-bottom: 0; } footer .d-flex{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .locationDiv .comBtn { font-size: 12px; } .BankingFinance-SecondSection { padding-bottom: 40px; } .clearfix h2 { margin-bottom: 10px; } .clearfix p{ margin-top: 10px; } .stickySide { height: auto; } .TopSection p { font-size: 17px; } .aboutUsSection img{ width: 100%; } .testimonialSlider{ padding: 0 15px; } footer .row-five ul.pt-30, .mpt-0{ padding-top: 0 !important; } footer h4.mb-20.mt-10, .Team-SecondSection .row:last-child .row-half:first-child, .powerIn .row-sixty{ margin-top: 20px !important; } .about-SecondSection .row-half:first-child, .Team-SecondSection .row:last-child .row-half:first-child{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .comHeading.pb-30{ padding-bottom: 15px; } .timelineSliderContents .row-three{ text-align: center; } .timelineSliderContents img{ margin-left: auto; margin-right: auto; } .teamSub img { height: auto; } .secTeam { margin-top: 20px; padding: 0 0 20px 0; } .SidebarRight { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; } } @media only screen and (max-width: 920px){ } @media only screen and (max-width: 767px){ } @media all and (max-width: 620px){ } @media all and (max-width: 520px){ } @media all and (max-width: 480px){ }